<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>疫情监控</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- begin::global styles -->
    <link rel="stylesheet" href="../static/assets/vendors/bundle.css" type="text/css">
    <!-- end::global styles -->

    <!-- begin::custom styles -->
    <link rel="stylesheet" href="../static/assets/css/app.css" type="text/css">
    <link rel="stylesheet" href="../static/assets/css/custom.css" type="text/css">
    <!-- end::custom styles -->
    <script src="../static/js/jquery-1.11.1.min.js"></script>
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
	<link href="../static/css/check.css"  rel="stylesheet"/>
	<script src="../static/js/bootstrap.min.js"></script>

</head>
<body onresize="refreshPage()">
<!-- begin::page loader-->
<div class="page-loader">
    <div class="spinner-border"></div>
    <span>Loading ...</span>
</div>
<!-- end::page loader -->

<!-- begin::side menu -->
<div class="side-menu">
    <div class='side-menu-body'>
        <ul>

            <li class="side-menu-divider">Navigation</li>
            <li>
                <a href="/"><i class="icon ti-home"></i> <span>疫情报告</span> </a>
                <ul>
                    <li style="font-size: 13px"><a href="/#title">今日数据</a></li>
                    <li style="font-size: 13px"><a href="/#pre_map">疫情地图</a></li>
                    <li style="font-size: 13px"><a href="/#pre_trend">近日趋势</a></li>
                </ul>
            </li>
            <li class="hy_side_item"><a href="/info"><i class="icon ti-layers-alt"></i> <span>疫情资讯</span> </a></li>
            <li class="hy_side_item"><a href="/check"><i class="icon ti-files"></i> <span>诊断系统</span> </a></li>
            <li class="hy_side_item"><a href="/rumor"><i class="icon ti-pie-chart"></i> <span>谣言鉴别</span> </a></li>
            <li class="hy_side_item"><a href="/video"><i class="icon ti-crown"></i> <span>往期视频</span> </a></li>
            <li class="hy_side_item"><a href="/toreport"><i class="icon ti-clipboard"></i> <span>在线举报</span> </a></li>
            <li class="hy_side_item"><a href="/knowledge"><i class="icon ti-rocket"></i> <span>疫情科普</span> </a></li>

        </ul>
    </div>
</div>
<!-- end::side menu -->

<!-- begin::navbar -->
<nav class="navbar">
    <div class="container-fluid">

        <div class="header-logo">
            <a href="#">
                <img src="../static/assets/media/image/light-logo.png" alt="...">
                <span class="logo-text d-none d-lg-block">Team RD</span>
            </a>
        </div>

        <div class="header-body">
            <form class="search">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search ..."
                           aria-label="Recipient's username"
                           aria-describedby="button-addon2">
                    <div class="input-group-append">
                        <button class="btn" type="button" id="button-addon2">
                            <i class="fa fa-search"></i>
                        </button>
                    </div>
                </div>
            </form>

        </div>

    </div>
</nav>
<!-- end::navbar -->

<!-- begin::main content -->
<main class="main-content" style="background: white">
<div class="container-fluid">
    <div id="gyroContain">
		<div class="container">
			<form action="/report" class="row clearfix", method="post">
					<div class="col-md-12 column">
						<h1 style="color: rgb(47, 174, 181);text-align: center;">
							实名举报系统
						</h1>
						<br /><br />
                        <p>为确保信息的准确和真实性，我们将收集您的个人信息，请勿虚假举报，感谢配合，我们将在第一时间处理</p>
                        <br>
						<div class="row clearfix">
							<div class="col-md-4 column">
								<input type="text" name="uname" id="uname" placeholder="姓名">
							</div>
							<div class="col-md-4 column" style="text-align: center;">
								<input type="text" name="usex" id="usex" placeholder="性别">
							</div>
							<div class="col-md-4 column" style="text-align: center;">
								<input type="text" name="uage" id="uage" placeholder="年龄">
							</div>
						</div>
						<br />
						<div class="row clearfix" >
							<div class="col-md-6 column" style="text-align: center;">
								<input type="text" name="uphone" id="uphone" placeholder="电话号码">
							</div>
							<div class="col-md-6 column" style="text-align: center;">
								<input type="text" name="uaddress" id="uaddress" placeholder="家庭住址">
							</div>

						</div>
						<br />
                        <div class="row clearfix" >
							<div class="col-md-6 column" style="text-align: center;">
								<input type="text" name="patient" id="patient" placeholder="举报对象">
							</div>
							<div class="col-md-6 column" style="text-align: center;">
								<input type="text" name="paddress" id="paddress" placeholder="举报地点">
							</div>

						</div>
                        <br />
						<div class="row clearfix">
							<br /><br>
							<div class="col-md-12 column">
								<p>请在此处写下疑似患者的行为，或者你遇到他的症状</p>
                                <label for="problem"></label><textarea id="problem" name="problem" style="border-radius: 10px;">
								</textarea>
							</div>
						</div>
						<br />
                        <br />
						<div class="row clearfix">
							<div class="col-md-12 column" style="text-align: center;">

								<input style="width: 100%; background: rgb(119,175,156);color: white; font-size:20px" class="btn btn-default" type="submit" value="提交">
							</div>
						</div>
					</div>
			</form>
		</div>
    </div>
</div>
</main>
<!-- end::main content -->

<!-- begin::global scripts -->
<script src="../static/assets/vendors/bundle.js"></script>
<!-- end::global scripts -->

<!-- begin::custom scripts -->
<script src="../static/assets/js/app.js"></script>
<!-- end::custom scripts -->
<script>
    var my_input = document.querySelector('.btn-default');
    my_input.addEventListener("click",function (){
        alert("举报信息已提交")
    })

</script>
</body>

</html>
